.custom-header{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  background: white;
  color: black;
  z-index: 10;
  .header-content{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    .i-1{
      position: absolute;
      bottom:0;
      left:0;
      display: flex;
      padding-left: 24px;
      align-items: center;
      height: 100%;
      z-index: 10;
      .at-icon{
        color: black;
      }
    }
    .i-2{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
    }
  }
  .header-text{
    text-align: left;
    padding-left: 80px;
  }
}
.theme-1{
  .custom-header{
    background:none;
    color:white;
    .at-icon{
      color: white !important;
    }
    .i-2{
      display: none;
    }
  }
}
